<template>
	<view class="content" >
		<view :style="{ height: $statusBarHeight + $safeAreaInsets.top + 'px' }"></view>
		<!-- 搜索 -->
		<icon iconId="icon-tubiao11"/>
		<searchBox ></searchBox>
		<rotationChart :swiperImage="swiperImage"></rotationChart>
		
		<functionSort class="text-light-black" :functioSortArr="functioSortArr"></functionSort>
		
		<listHeader>
			<template #title>
				猜你喜欢
			</template>
			
			<template #tips>
				更多推荐
			</template>
		</listHeader>
	</view>
</template>

<script setup>
	import { ref } from 'vue'
	import searchBox from '@/components/searchBox.vue';
    import rotationChart from '@/components/rotationChart.vue';
	import functionSort from '@/components/functionSort.vue';
	import listHeader from '../../components/listHeader.vue';
	const swiperImage = ref([{
		src:'/static/swiperImages/swipertab1.png'
	},{
		src:'/static/swiperImages/swipertab2.png'
	},
	{
		src:'/static/swiperImages/swipertab3.png'
	},{
		src:'/static/swiperImages/swipertab4.png'
	},{
		src:'/static/swiperImages/swipertab5.png'
	}])
	
	
	const functioSortArr = ref([
		{
			iconId:'icon-icon-test',
			iconColor:'text-warning',
			name:'看榜单'
		},
		{
			iconId:'icon-startRead',
			iconColor:'text-hover-primary',
			name:'听小说'
		},
		{
			iconId:'icon-icon09',
			iconColor:'text-light-black',
			name:'听音乐'
		},
		{
			iconId:'icon-zhishi',
			iconColor:'text-success',
			name:'听知识'
		},
	])
</script>

<style>

</style>
